import React from 'react';

export const CopyIcon = ({ className }: { className?: string }) => (
  <svg
    width="16"
    height="16"
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      d="M13.3333 6H7.33333C6.59695 6 6 6.59695 6 7.33333V13.3333C6 14.0697 6.59695 14.6667 7.33333 14.6667H13.3333C14.0697 14.6667 14.6667 14.0697 14.6667 13.3333V7.33333C14.6667 6.59695 14.0697 6 13.3333 6Z"
      stroke="currentColor"
      strokeWidth="1.33333"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M3.33333 10H2.66667C2.31305 10 1.97391 9.85953 1.72386 9.60948C1.47381 9.35943 1.33334 9.02029 1.33334 8.66667V2.66667C1.33334 2.31305 1.47381 1.97391 1.72386 1.72386C1.97391 1.47381 2.31305 1.33334 2.66667 1.33334H8.66667C9.02029 1.33334 9.35943 1.47381 9.60948 1.72386C9.85953 1.97391 10 2.31305 10 2.66667V3.33334"
      stroke="currentColor"
      strokeWidth="1.33333"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const ArrowIcon = ({ className }: { className?: string }) => (
  <svg
    width="16"
    height="16"
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      d="M2.66669 8H13.3334"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M9.33331 4L13.3333 8L9.33331 12"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const CheckedIcon = ({ className }: { className?: string }) => (
  <svg
    width="16"
    height="16"
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      d="M13.3334 4L6.00008 11.3333L2.66675 8"
      stroke="currentColor"
      strokeWidth="1.33333"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const SonicLogo = ({ className }: { className?: string }) => {
  return (
    <svg
      width="53"
      height="16"
      viewBox="0 0 53 16"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <mask
        id="mask0_4458_5968"
        style={{ maskType: 'luminance' }}
        maskUnits="userSpaceOnUse"
        x="0"
        y="0"
        width="53"
        height="16"
      >
        <path d="M52.7765 0H0.925476V16H52.7765V0Z" fill="white" />
      </mask>
      <g mask="url(#mask0_4458_5968)" fill="currentColor">
        <path
          d="M25.0152 7.64925C24.6883 7.48837 24.2735 7.40634 23.7827 7.40634H22.4137C22.0675 7.40634 21.7921 7.30957 21.5986 7.12243L21.5898 7.11345C21.3994 6.90836 21.307 6.67636 21.307 6.4059C21.307 6.13544 21.4019 5.88549 21.5904 5.6836C21.7796 5.47917 22.038 5.37598 22.3585 5.37598H25.7933V4.48706H22.2321C21.8405 4.48706 21.5025 4.57998 21.2013 4.76969C20.9004 4.95043 20.6715 5.18371 20.5031 5.48173C20.3352 5.77911 20.2536 6.09506 20.2536 6.44821C20.2536 6.86093 20.3409 7.21151 20.5145 7.49479C20.6998 7.78126 20.9437 7.99533 21.2662 8.15106C21.5935 8.29399 21.9801 8.36641 22.4157 8.36641H23.8544C24.085 8.36641 24.2874 8.41961 24.4627 8.52727C24.6362 8.62276 24.7668 8.75799 24.8524 8.93103C24.9366 9.09319 24.9756 9.25918 24.9756 9.45337C24.9756 9.64756 24.9285 9.84368 24.8361 10.0225C24.7436 10.2019 24.6016 10.3519 24.4155 10.4673C24.2409 10.5724 24.0284 10.6256 23.7845 10.6256L20.476 10.6243V11.4254H20.5621V11.5126L23.938 11.5139C24.3571 11.5139 24.7129 11.4164 25.0227 11.2178C25.3439 11.0178 25.5865 10.7672 25.7644 10.4493C25.9423 10.1225 26.029 9.78279 26.029 9.41043C26.029 8.97846 25.9397 8.60931 25.7656 8.31577C25.5997 8.02225 25.3546 7.8037 25.0164 7.64925H25.0152Z"
          fill="currentColor"
        />
        <path
          d="M33.059 4.80703C32.5222 4.47888 31.8937 4.31226 31.1922 4.31226C30.4909 4.31226 29.8624 4.47953 29.3231 4.80895C28.7844 5.12875 28.3521 5.57482 28.0378 6.13369C27.7236 6.68229 27.5645 7.30909 27.5645 7.99677C27.5645 8.68445 27.7236 9.31638 28.0378 9.87396C28.3515 10.4232 28.7832 10.8686 29.3225 11.1987C29.8373 11.505 30.4362 11.6672 31.1012 11.68L31.1916 11.6826C31.8931 11.6826 32.5216 11.5204 33.0602 11.2006C33.6084 10.8712 34.0408 10.4251 34.3462 9.87653C34.6604 9.31766 34.8194 8.68573 34.8194 7.99742C34.8194 7.30909 34.6598 6.66626 34.3456 6.11766C34.04 5.56906 33.607 5.12747 33.059 4.80638V4.80703ZM33.7516 7.99677C33.7516 8.51718 33.6435 8.99592 33.4317 9.41893C33.218 9.83487 32.9182 10.1707 32.5398 10.4181C32.1646 10.6635 31.6982 10.793 31.1922 10.793C30.6864 10.793 30.2351 10.6667 29.8447 10.4181C29.4664 10.1707 29.166 9.83422 28.9522 9.41828C28.7399 8.99529 28.6317 8.51718 28.6317 7.99677C28.6317 7.47636 28.7391 7.00338 28.9522 6.58936C29.166 6.1638 29.467 5.82157 29.846 5.57419C30.2357 5.32616 30.6882 5.20054 31.1916 5.20054C31.6951 5.20054 32.1577 5.32679 32.5386 5.57546C32.9188 5.82414 33.2186 6.16445 33.4311 6.58872C33.6435 7.00338 33.7516 7.47764 33.7516 7.99742V7.99677Z"
          fill="currentColor"
        />
        <path
          d="M41.5663 4.70961C41.0925 4.4462 40.5337 4.31226 39.9053 4.31226C39.2766 4.31226 38.7242 4.44749 38.2402 4.71218C37.752 4.96981 37.3792 5.32231 37.0989 5.79209C36.8318 6.25609 36.696 6.80599 36.696 7.42702V11.5108H37.7488V7.44112C37.7488 6.98415 37.8487 6.58424 38.0455 6.25289C38.2498 5.91386 38.5187 5.65044 38.8437 5.46972C39.1755 5.29026 39.5319 5.19989 39.9039 5.19989C40.276 5.19989 40.6273 5.29026 40.9505 5.46972C41.2835 5.64981 41.5518 5.91257 41.7512 6.25674C41.9555 6.58679 42.0592 6.9848 42.0592 7.44047V11.2756L42.0615 11.3762L42.2 11.5108H43.1132V7.42702C43.1132 6.80726 42.9724 6.25609 42.6964 5.79144C42.4256 5.32231 42.0553 4.96853 41.5657 4.70897L41.5663 4.70961Z"
          fill="currentColor"
        />
        <path
          d="M46.4741 4.48706H45.4074V11.5151H46.4741V4.48706Z"
          fill="currentColor"
        />
        <path
          d="M50.6827 5.7362H50.684C51.0811 5.49842 51.5338 5.37793 52.0277 5.37793H52.7921V4.48901H52.0699C51.3571 4.48901 50.7135 4.64731 50.156 4.95879C49.6004 5.26962 49.1535 5.6971 48.8299 6.22841C48.5075 6.74753 48.3446 7.34485 48.3446 8.00305C48.3446 8.66125 48.5075 9.26177 48.8299 9.79179C49.1535 10.3128 49.6004 10.7352 50.1566 11.0473C50.6142 11.303 51.1315 11.4556 51.6965 11.5017L51.6883 11.5184H52.7913V10.6295H52.0271C51.5338 10.6295 51.0799 10.5128 50.6827 10.2846C50.2956 10.0469 49.98 9.72513 49.7474 9.33034C49.5238 8.933 49.4106 8.48693 49.4106 8.00368C49.4106 7.52045 49.525 7.07247 49.7488 6.67511C49.9806 6.28032 50.2956 5.965 50.6827 5.73748V5.7362Z"
          fill="currentColor"
        />
        <path
          d="M3.58678 2.51857C5.06841 4.00403 7.43825 5.27111 10.3009 6.13961C8.80538 5.29022 7.41864 4.23326 6.20462 3.01203C5.75356 2.55804 5.31957 2.07477 4.91405 1.57558L4.63189 1.22729C4.15805 1.52082 3.719 1.86465 3.31854 2.24924L3.58742 2.51857H3.58678Z"
          fill="currentColor"
        />
        <path
          d="M0.902832 8.57495C1.01797 10.2024 1.61897 11.6936 2.56223 12.9034L2.80768 12.6583C3.72501 11.7433 4.92069 10.9124 6.36119 10.1871C7.62519 9.55106 9.07519 9.00602 10.6378 8.57495H0.902832Z"
          fill="currentColor"
        />
        <path
          d="M10.3009 9.85815C7.43825 10.7273 5.06905 11.9937 3.58742 13.4792L3.31854 13.7485C3.719 14.1331 4.15869 14.4769 4.63253 14.7705L4.91469 14.4228C5.3202 13.9236 5.75418 13.4404 6.20526 12.9857C7.41865 11.7645 8.80602 10.7075 10.3009 9.85815Z"
          fill="currentColor"
        />
        <path
          d="M5.85985 0.922339C6.22615 1.36932 6.61711 1.80293 7.02264 2.21043C9.58608 4.79042 12.8119 6.4962 16.3508 7.14248L16.6392 7.19532C16.2363 3.18589 12.8726 0.0563965 8.78262 0.0563965C7.67931 0.0563965 6.62851 0.28498 5.6745 0.696302L5.85923 0.921702L5.85985 0.922339Z"
          fill="currentColor"
        />
        <path
          d="M10.6378 7.43448C9.07519 7.00343 7.62519 6.45839 6.36119 5.82231C4.92006 5.09707 3.72501 4.26551 2.80768 3.35119L2.56223 3.10669C1.61897 4.31582 1.01734 5.80702 0.902832 7.43448H10.6378Z"
          fill="currentColor"
        />
        <path
          d="M16.3502 8.87243C12.8112 9.5187 9.58608 11.2238 7.022 13.8045C6.61522 14.2139 6.22425 14.6475 5.85923 15.0926L5.6745 15.3179C6.62851 15.7293 7.67867 15.9579 8.782 15.9579C12.872 15.9579 16.235 12.829 16.638 8.81958L16.3496 8.87179L16.3502 8.87243Z"
          fill="currentColor"
        />
      </g>
    </svg>
  );
};
